* {
  margin: 0;
  padding: 0; }

.web {
  position: relative;
  font-size: 0;
  width: 18.75rem;
  height: 100vh; }
  .web > img {
    width: 100%;
    height: 100%; }
  .web > .rocket {
    position: absolute;
    width: 3.75rem;
    bottom: 4.75rem;
    left: 5.975rem; }
    .web > .rocket > img {
      width: 100%; }
  .web > .jump {
    position: absolute;
    width: 3.75rem;
    bottom: 0.75rem;
    right: 0.375rem; }
    .web > .jump > img {
      width: 100%; }
    .web > .jump > .down {
      -webkit-animation: bounceInDown  0.5s ease-in-out 1;
      animation: bounceInDown  0.5s ease-in-out 1; }
    .web > .jump > .change {
      -webkit-animation: heartBeat  1.5s ease-in-out infinite;
      animation: heartBeat  1.5s ease-in-out infinite; }

.web2 {
  display: none;
  position: relative;
  font-size: 0;
  width: 18.75rem;
  height: 100vh; }
  .web2 > img {
    width: 100%;
    height: 100%; }
  .web2 > .t_Tile {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 2.625rem;
    width: 17.75rem;
    animation: zoomInDown 0.5s 1;
    -webkit-animation: zoomInDown 0.5s 1; }
    .web2 > .t_Tile > img {
      width: 100%; }
  .web2 > .w2_btn {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0.875rem;
    width: 9.75rem; }
    .web2 > .w2_btn > img {
      width: 100%; }

.web3 {
  background: url(../img/w3bg.jpg) no-repeat;
  background-size: 100% 100%;
  position: relative;
  font-size: 0;
  width: 18.75rem;
  height: 100vh; }
  .web3 > .deng {
    margin: 0 auto;
    width: 16.5rem; }
    .web3 > .deng > img {
      width: 100%; }
  .web3 > .qiqiu {
    position: absolute;
    top: 80px;
    left: 1.525rem;
    width: 12.125rem; }
    .web3 > .qiqiu > img {
      width: 100%; }
  .web3 > .car {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 18.75rem; }
    .web3 > .car > img {
      width: 100%; }
  .web3 > .xuanxiang {
    position: absolute;
    left: 1.25rem;
    bottom: 0.875rem;
    width: 13.075rem; }
    .web3 > .xuanxiang > li {
      width: 13.075rem; }
      .web3 > .xuanxiang > li > img {
        width: 100%; }
  .web3 > .zuiba {
    position: absolute;
    width: 3.475rem;
    bottom: 7rem;
    right: 0.875rem; }
    .web3 > .zuiba > img {
      width: 100%; }
